<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        window.onload = function () {
            // let aa = {name: 10};
            // let proxy = new Proxy(aa, {             //代理对象
            //     get: function (target, property) {  //参数1自己 参数二属性
            //         return 'name:' + target.name
            //     },
            //     set: function (target, property) {  //参数1自己 参数二属性

            //         return 35;
            //     },
            // });
            // console.log(proxy.name)     //name:10


            // var object = {
            //     name: 10,
            //     proxy: new Proxy({}, {
            //         get: function (target, property) {      //方法是可以被别人继承的
            //             if (property in object) {
            //                 console.log('有我')
            //             }
            //             return object[property]
            //         },
            //         set: function (target, property, value) {
            //             if (value > 20) {
            //                 console.log('设置的值太大了被拦截')
            //                 return
            //             }
            //             object[property] = value
            //         },
            //     }),

            // };
            // object.proxy.name = 50
            // console.log(object.proxy.name)

    




        }
    </script>
</head>

<body>

    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>

</body>

</html>